<template>
  <view class="container">
    <!-- #ifdef MP-WEIXIN -->
    <view class="force-login-wrap">
      <image class="logo-bg" :src="backgroundImg" mode="aspectFill"></image>
      <view class="userinfo_box">
        <open-data class="user-avatar" type="userAvatarUrl"></open-data>
        <view class="user_name">
          <open-data class="user-name" type="userNickName"></open-data>
          <view class="login-notice">为了提供更优质的服务，请先登录</view>
        </view>
      </view>
      <view class="force-login__content y-f">
        <button ref="btnOK" class="author-btn" open-type="getPhoneNumber" @getphonenumber="phoneLogin" v-if="agree">
          微信手机号一键登录
        </button>
        <button ref="btnOK" class="no-author" @click="isAgree" v-else>微信手机号一键登录</button>
        <button class="close-btn" @tap="back">暂不登录</button>
        <view class="shouquan">
          <checkbox-group style="display: flex; align-items: center" @change="agreeChange">
            <checkbox style="transform: scale(0.6)" color="#1B82DB" :checked="agree" />
            <view>
              <text>立即登录则代表您已同意</text>
              <text class="yinsi" @tap="open">《用户隐私协议》</text>
            </view>
          </checkbox-group>
        </view>
      </view>
    </view>
    <!-- #endif -->
    <!-- #ifndef MP-WEIXIN -->
    <view class="force-login-wrap">
      <view class="force-login__content y-f">
        <view class="login-notice">为了提供更优质的服务，请先登录</view>
        <button class="author-btn" @tap="toLogin">去登录</button>
      </view>
    </view>
    <!-- #endif -->
    <Pop ref="pop" direction="below" :is_close="true" :is_mask="true" :width="100" height="50%" :maskFun="true">
      <scroll-view scroll-y="true" style="height: 100%">
        <view style="font-size: 40rpx; font-weight: 700">用户隐私协议</view>
        <text style="overflow: hidden">
          更新时间：2021年12月29日 
          生效时间：2021年12月29日 
          提示
          本隐私政策适用于达嘉维康股份有限公司（以下简称“我公司”）提供的各项产品及服务，包括线下，线下所提供的购物体验及其他相关的顾客服务，会员服务，线上产品推广等等
          我公司深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠，我公司致力于维持您对我公司的信任，恪守以下原则保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。同时，我公司承诺，我公司将按业界成熟的安全标准采取相应的安全保护措施来保护您的个人信息。
          为了更好的保护您的个人信息，建议您仔细阅读更新后的隐私政策。如您对本隐私政策条款有任何异议或疑问，您可通过以下联系方式与达嘉维康股份有限公司客服联系
          联系电话：19918815471或0731—85016759 
          目录 
          一、我公司如何收集和使用您的个人信息
          二、我公司如何共享、转让、公开披露您的个人信息 
          三、我公司包含您的个人信息 
          四、您的权利
          五、您的个人信息如何在全球范围转移 
          六、本隐私政策如何更新 一、我公司如何收集和使用您的个人信息
          1、个人信息和个人敏感信息定义
          个人信息、指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。我公司实际具体收集的个人信息种类以下文描述为准。
          个人敏感信息，指一旦泄露、非法提供或滥用可能危害人身和财产安全，极易导致个人名誉、身心健康受到损害或歧视性待遇等的个人信息。我公司实际具体收集的个人敏感信息种类以下文字描述为准。
          2、我公司如何收集和使用您的个人信息
          为了向您提供我们服务的基本功能，我们需收集和使用您的必要个人信息。如您选择不提供或不同意我们收集、使用此类个人信息，将导致我们的产品和服务无法正常运行，我们将无法为您服务。基本功能包括：
          （1）达嘉维康申办会员（线上，线下）
          当您在线上或者线下购物时，办理会员卡，将享受相应的会员权益，您可以进入微信（达嘉维康大药房）小程序查看相应的会员权益。我公司收集您的个人信息主要包括“姓名，性别，出生年月，电话号码”。方便后期与您联系以及识别您的权益，（例如：您的积分，您的优惠券等）
          （2）线上线下购物服务
          当您在线下或线上购物时，如果您需要邮寄，我们将收集您的姓名、收货地址、联系方式等，以便向您提供对应的服务，当您购买的商品服务时，我们会收集您的支付方式，所购买商品或服务以及关联的流水号、支付金额等信息，若您出示了达嘉维康会员卡，我们还会将购买信息与您的达嘉维康的会员卡关联。以便您退换和售后服务。
          3、您理解并同意，以下情形中，我公司收集、使用您的个人信息不必另行征得您的授权同意：
          （1）我公司履行法律法规规定的义务相关的； （2）与国家安全、国防安全直接相关的；
          （3）与公共安全、公共卫生、重大公共利益直接相关的； （4）与刑事侦查、起诉、审判和判决执行等直接相关的；
          （5）出于维护您或其他个人的生命、财产等重大合法权益但又很难得到您授权同意的；
          （6）所涉及的您的信息是您自行向社会公众公开的； （7）根据您要求签订和履行合同所必需的；
          （8）从合法公开披露的信息中收集您的个人信息的，如合法的新闻报道、政府信息公开等渠道；
          （9）维护所提供我公司达嘉维康产品或服务的安全稳定运 二、我公司如何共享、转让、公开披露您的个人信息 1、共享
          我公司不会与我公司以外的任何公司、组织和个人分享您的个人信息，但以下情况除外：
          （1）事先已获得您的明确授权或同意；
          （2）根据适用的法律法规、法律程序、政府的强制命令或司法裁定而需共享您的个人信息；
          （3）在法律要求或允许的范围内，为了保护达嘉维康及其用户或社会公众的利益、财产或安全免遭损害而有必要提供您的个人信息给第三方；
          （4）您的个人信息可能会在我公司关联公司之间共享，我公司只会共享必要的个人信息，且这种共享亦受本隐私政案声明目的的约束。关联公司如要改变个人信息的处理目的，将再次征求您的授权同意；
          （5）为实现本隐私政策中声明的目的，我公司的某些服务将由授权合作伙伴提供。我公司可能会与合作伙伴共享您的某些个人信息，以提供更好的客户服务和用户体验。例如，在发放实体奖品时，我公司必须与物流服务提供商共享您的个人信息才能安排送货，或者安排合作伙伴提供服务。我公司仅会出于合法、正当、必要、特定、明确的目的共享您的个人信息，并且只会共享提供服务所必要的个人信息。我公司的合作伙伴无权将共享的个人信息用于任何其他用途。如果您拒绝我公司的合作伙伴在提供服务时收集为提供服务所必需的个人信息，将可能导致您无法在达嘉维康中使用该第三方服务。我公司的授权合作伙伴包括以下几大类型：
          ①委托我公司进行信息推广和广告投放的合作伙伴：您确认我公司有权与委托我公司进行信息推广和广告投放的合作伙伴共享我公司使用您的相关信息集合形成的间接用户画像、去标识化或匿名化处理后的分析/统计类信息，以帮助其进行广告或决策建议、提高广告有效触达率、进一步了解用户需求。我公司承诺：未经您的同意，我公司不会与其共享可以识别您身份的个人信息。
          ②第三方SDK类服务商：为向您推荐更适合您的服务，我公司的产品和服务可能包括第三方的产品和服务，以及第三方网站的链接。当您使用这些产品或服务时，也可能收集您的信息。
          2、转让 我公司不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：
          （1）获得您的明确同意后，我公司会向其他方转让您的个人信息：
          （2）在涉及合并、收购或破产清算时，如涉及到个人信息转让，我公司会在要求新的持有您个人信息的公司、组织继续受此
          隐私政策的约束，否则我公司将要求该公司、组织重新向您征求 授权同意。 3、公开披露
          我公司仅会在以下情况下，公开披露您的个人信息： (1)获得您明确同意后；
          (2)基于法律的披露：在法律、法律程诉讼或政府主管部门强制性要求的情况下，我公司可能会公开披露您的个人信息。
          三、我公司如何保护您的个人信息
          1、我公司已使用符合业界标准的安全防护措施保护您提供的个人信息，防止数据遭到未经授权访问、公开披露、使用、修改、损坏或丢失。我公司会采取一切合理可行的措施，保护您的个人信息。例如我公司使用加密技术确保数据的保密性；我公司会使用受信赖的保护机制防止数据遭到恶意攻击；我公司会部署访问控制机制，确保只有授权人员才可访问个人信息；以及我公司会举办安全和隐私保护培训课程.加强员工对于保护个人信息重要性的认识。
          2、我公司在中华人民共和国境内收集和产生的个人信息将存储在中华人民共和国境内，不会进行任何数据出境。您的个人信息存储期限为10年；10年期满后如您继续在使用达嘉维康提供的服务，该等服务必需的个人信息的存储期限再续10年，如届时您已经不再使用达嘉维康所提供的服务，我公司将及时删除您的个人信息。
          3、尽管采取了上述合理有效措施，并已经遵守了相关法律规定要求的标准，但请您理解，由于技术的限制以及可能存在的各种恶意手段，在互联网行业，即便竭尽所能加强安全措施，也不可能始终保证信息百分之百的安全，我公司将尽力确保您提供给我们的个人信息的安全性。
          您知悉并理解，您接入我公司的服务所用的系统和通讯网络，有可能因我们可控范围外的因素而出现问题。因此，我们强烈建议您采取积极措施保护个人信息的安全，包括但不限于使用复杂密码、定期修改密码、不将自己的帐号密码及相关个人信息透露给他人。
          四、您的权利
          按照中国相关的法律、法规、标准，以及其他国家、地区的通行做法，我公司保障您对自己的个人信息行使以下权利：
          1、访问您的个人信息
          您有权访问您的个人信息，法律法规规定的例外情况除外。如果您想行使数据访问权，可以通过以下方式自行访问： (1)
          进入“达嘉维康大药房”小程序点击我的可以查询个人信息(会员卡号，手机号，姓名，出生日期，年龄……)我的可查询积分，消费记录
          (2) “达嘉维康大药房”小程序可查看会员权益，会员隐私协议 五、您的个人信息如何在全球范围转移
          目前我公司不会跨境传输或存储您的个人信息。将来如需跨境传输或存储的.我公司会向您告知信息出境的目的、接收方、安全保障措施和安全风险，并征得您的同意。
          六、本隐私政策如何更新
          我公司的隐私政策可能变更。未经您明确同意，我公司不会削减您按照本隐私政策所应享有的权利。我公司会在本页面上发布对本隐私政策所做的任何变更。对于重大变更，我公司还会提供更为显著的通知。本隐私政策所指的重大变更包括但不限于：
          1、我公司的服务模式发生重大变化。如处理个人信息的目的、处理的个人信息类型、个人信息的使用方式等；
          2、我公司在所有权结构、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；
          3、个人信息共享、转让或公开披露的主要对象发生变化； 4、您参与个人信息处理方面的权利及其行使方式发生重大变化；
          5、我公司负责处理个人信息安全的责任部门、联络方式及投诉渠道发生变化时；
          6、个人信息与安全影响评估报告表面存在风险时； 我公司还会将本隐私政策的日版本存档，供您查阅。</text
        >
        <button type="primary" @click="passPop" style="margin: 20rpx 0">同意以上用户隐私协议</button>
        <button type="default" @click="unPassPop">不同意，直接退出</button>
      </scroll-view>
    </Pop>
  </view>
</template>

<script>
import { getProvider } from '@/utils'
import { setToken, setUserInfo } from '@/utils/auth.js'
import { wxAppAuth } from '@/api/user.js'
export default {
  data() {
    return {
      agree: false,
      backgroundImg: 'https://djwk-o2o.oss-cn-shenzhen.aliyuncs.com/weixin_static/loginbcimg.png',
      targetUrl: null
    }
  },
  onLoad(option) {
    this.targetUrl = option.url
  },
  methods: {
    agreeChange() {
      this.agree = !this.agree
    },
    isAgree() {
      if (!this.agree) {
        uni.showToast({
          title: '请阅读并勾选用户隐私协议',
          icon: 'none',
          duration: 2000
        })
        return
      }
    },
    back() {
      uni.reLaunch({
        url: '/pages/home/index'
      })
    },
    phoneLogin(e) {
      let that = this
      console.log('用户微信手机号登录')
      if (this.agree === true) {
        if (e.mp.detail.errMsg == 'getPhoneNumber:ok') {
          console.log(e.mp.detail)
          getProvider()
            .then((provider) => {
              console.log('当前的环境商', provider)
              if (!provider) {
                reject()
              }
              uni.showLoading({
                title: '登录中'
              })
              // uni登录
              uni.login({
                provider: provider,
                success: async (loginRes) => {
                  let code = loginRes.code // 获取开发code
                  wxAppAuth({
                    phoneCode:'',
                    loginCode: code,
                    type:'wx'
                  })
                    .then((res) => {
                      console.log('登录成功,开始处理登录信息保存，并获取用户详情')
                      uni.hideLoading()
                      // store.commit('login', res.data.token, dayjs(res.data.expires_time))
                      setToken(res.token)
                      setUserInfo(res.userName)
                      uni.navigateTo({
                        url: that.targetUrl
                      })
                    })
                    .catch((error) => {
                      uni.hideLoading()
                      console.log(error)
                      console.log('登录接口调用失败')
                    })
                }
              })
            
            })
            .catch((err) => {})
        } else {
          uni.showToast({
            title: '已拒绝授权',
            icon: 'none',
            duration: 2000
          })
        }
      } else {
        uni.showToast({
          title: '请阅读并勾选用户隐私协议',
          icon: 'none',
          duration: 2000
        })
      }
    },
    open() {
      this.$refs.pop.show()
    },
    passPop() {
      this.agree = true
      this.$refs.pop.close()
    },
    unPassPop() {
      this.$refs.pop.close()
      this.agree = false
    }
  }
}
</script>

<style lang="scss">
.container {
  // flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  height: 100vh;
}

.force-login-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 11111;
  top: 0;

  .logo-bg {
    width: 100%;
    height: 100%;
  }

  .userinfo_box {
    display: flex;
    align-items: center;
    position: absolute;
    left: 8%;
    top: 15%;
    .user-avatar {
      width: 160rpx;
      height: 160rpx;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 37rpx;
    }
    .user-name {
      font-size: 35rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #ffffff;
    }
    .login-notice {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #ffffff;
      margin-top: 34rpx;
    }
  }

  .force-login__content {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);

    .author-btn {
      width: 647rpx;
      height: 103rpx;
      line-height: 103rpx;
      background: linear-gradient(0deg, #2a6eff, #2c7cf9);
      // background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
      // box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
      border-radius: 51rpx;
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
    }
    .no-author {
      width: 647rpx;
      height: 103rpx;
      line-height: 103rpx;
      background: gray;
      // background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
      // box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
      border-radius: 51rpx;
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
    }

    .close-btn {
      width: 647rpx;
      height: 103rpx;
      line-height: 103rpx;
      margin-top: 30rpx;
      border-radius: 51rpx;
      border: 2rpx solid #2b72fd;
      background: none;
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #2b74fd;
    }
  }
  .shouquan {
    font-size: 24rpx;
    margin-top: 12rpx;
    .yinsi {
      color: #2b72fd;
    }
  }
}
</style>
